<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>测试</title>
    <style>
        .test {
            list-style: none;
            border: 1px solid red;
        }
    </style>
</head>

<body>
    <div id="test">
        <ul id="tUl" class="test1">
            <li></li>
            <li></li>
            <li></li>
            <p></p>
        </ul>
        <p id="tP"></p>
        <span id="tSpan"></span>
        <div class="tDiv"></div>
    </div>
</body>
<script src="./DOMMethods.js"></script>
<script>
    var tUl = document.getElementById('tUl');
    var op = document.getElementById('tP');
    // var newEle = document.createElement('p');
    // newEle.innerHTML = '444';
    // $.prependChild(newEle, tUl);
    console.log($.nextSiblings(tUl));
    console.log($.siblings(op));
    console.log(tUl.childNodes);
    console.log($.getChildByTag(tUl, 'li'));
    console.log($.getChildByTag(tUl));
    console.log($.getIndex(tUl));
    $.addClass(tUl, 'test');
    console.log($.hasClass(tUl, 'test2'));
    $.removeClass(tUl, 'test');
</script>

</html>